<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>欢迎页面-小螺号</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>
	<style>
		.btn1,
		.btn2 {
			background-color: #009688;
			float: left;
			margin-right: 15px;
			height: 38px;
			line-height: 38px;
			width: 180px;
			color: #fff;
			text-align: center;
		}
		
		.btn1:hover,
		.btn2:hover {
			color: #fff;
		}
		
		.imgbox {
			position: relative;
			height: 38px;
			width: 280px;
			float: left;
			margin-right: 15px;
		}
		
		.imgbox1 {
			position: absolute;
			width: 80px;
			height: 38px;
			right: 0px;
			top: 0px;
			border: none;
			text-indent: -9999;
			outline: none;
			opacity: 0;
			z-index: 100;
			background-color: none;
		}
		
		.imgbox3 {
			position: absolute;
			width: 80px;
			height: 38px;
			right: 0px;
			top: 0px;
			border: none;
			background-color: #009688;
			z-index: 0;
			color: #fff;
		}
		
		.imgbox2 {
			position: absolute;
			width: 200px;
			height: 38px;
			left: 0px;
			top: 0px;
			background-color: #fff;
			border: none;
			text-indent: 10px;
		}
	</style>

	<body>
		<div class="x-nav">
			<span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">订单管理</a>
        <a>
          <cite>订单列表</cite></a>
      </span>
			<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
				<i class="layui-icon" style="line-height:30px">?</i></a>
		</div>
		<div class="x-body">
			<div class="layui-row">
				<form id="aaa" class="layui-form layui-col-md12 x-so" action="http://localhost:8080/trumpetshop/order/orderexpress.action" method="POST" enctype="multipart/form-data">
					<!-- <div class="layui-input-inline">
            <select name="contrller">
              <option>支付状态</option>
              <option>已支付</option>
              <option>未支付</option>
            </select>
          </div> -->
					<!-- <div class="layui-input-inline">
            <select name="contrller">
              <option>支付方式</option>
              <option>支付宝</option>
              <option>微信</option>
              <option>货到付款</option>
            </select>
          </div> -->
					<div class="layui-input-inline">
						<select name="statue">
							<!-- <option value="1">待付款</option> -->
							<option value="2">已付款</option>
							<!-- <option value="3">未发货</option> -->
							<option value="4">已发货</option>
							<!-- <option value="5">交易成功</option>
              <option value="6">交易关闭</option> -->
						</select>
					</div>

					<button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
				</form>
			</div>
			<xblock>
				<!--  <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button> -->
				<a class="layui-btn layui-btn-danger" onclick="orderinfo(2)"><i class="layui-icon"></i>导出发货(物流)数据（Excel格式）</a>
				<!-- <a class="layui-btn layui-btn-danger" onclick="addImage()" ><i class="layui-icon"></i>导入快递单号及公司（Excel格式）</a> -->
				<form id="bbb" action="http://localhost:8080/trumpetshop/order/excel.action?statue=2&page=1" method="POST" enctype="multipart/form-data">
					<input type="file" id="excel" name="excel" class="layui-input" />

				</form>
				<a class="layui-btn layui-btn-danger" onclick="submitExcel()"><i class="layui-icon"></i>选择文件后提交</a>

				

				<span class="x-right" style="line-height:40px">共有数据：0 条</span>
			</xblock>
			<xblock style="height:40px">
				<a class="btn1" onclick="orderinfo(2)"><i class="layui-icon"></i>导出发货(物流)数据（Excel格式）</a>
				<div class="imgbox">
					<input type="file" id="file" onchange="handleFile()" class=" imgbox1">
					<input type="button" class="imgbox3" value="上传Excel">
					<input type="text" disabled="disable" value="文件名" id="fileName" class="imgbox2">
				</div>
				<a class="btn2" onclick="submitExcel()"><i class="layui-icon"></i>选择文件后提交</a>
			</xblock>
			<script>
					var file = document.getElementById("file");
					var fileName = document.getElementById("fileName");

					function handleFile() {
						fileName.value = file.value;
					}
				</script>
			<table class="layui-table">
				<thead>
					<tr>
						<!-- <th>
              <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th> -->
						<th>订单编号</th>
						<th>收货人</th>
						<th>收货地址</th>
						<th>联系方式</th>
						<th>金额</th>
						<!-- <th>应付金额</th> -->
						<th>订单状态</th>
						<!-- <th>支付状态</th> -->
						<!--  <th>订单状态</th> -->
						<!-- <th>支付方式</th> -->
						<!-- <th>配送方式</th> -->
						<th>快递单号</th>
						<th>操作</th>
					</tr>
				</thead>

			</table>
			<div class="page">
				<div>

					<nav>
						<ul class="pagination">
							<li class="disabled">
								<a href="javascript:void(0)">上一页</a>
							</li>
							<li class="disabled">
								<a href="javascript:void(0)">下一页</a>
							</li>
					</nav>
				</div>
			</div>
		</div>
		<script>
			layui.use('laydate', function() {
				var laydate = layui.laydate;
				layer = layui.layer;
				//执行一个laydate实例
				laydate.render({
					elem: '#start' //指定元素
				});

				//执行一个laydate实例
				laydate.render({
					elem: '#end' //指定元素
				});
			});

			$(function() {

					if('false') {
						$("input[name='begintime']").val('');
					}
					if('false') {
						$("input[name='endtime']").val('');
					}
					if('false') {
						$("input[name='ordernumber']").val('');
					}

					$("select[name='statue']").val('2');
					$("select[name='goods']").val("");

					var sta = 't';
					if(sta == "f") {

						//layer.msg(sta);
						alert("文件格式错误 请重新选择");
					}
				}

			)
		</script>
	</body>

</html>